* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.page {
    width: 900px;
    margin: 0 auto;

}

.meau {
    height: 100px;
    background-color: #b2d6ff;
}

.container {
    overflow: hidden;
}

.sidebar {
    float: left;
    width: 200px;
    height: 300px;
    background-color: #f09a9d;
}

.content {
    float: left;
    width: 650px;
    height: 500px;
    background-color: #f5cf8e;
}

.footer {
    overflow: hidden;
    clear: both;
    height: 200px;
    background-color: #d6e9fe;
}

.column {
    float: left;
    width: 31%;
    margin: 20px 1.15%;
    height: 160px;
    background-color: #B2D6FF;
    /* Medium blue */
}

.content {
    padding: 20px;
}

.article-image {
    float: left;
    width: 300px;
    height: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
}

p {
    margin-bottom: 20px;
}

.avatar {
    float: left;
    width: 60px;
    height: 60px;
    margin: 25px;
    border-radius: 40px;
    background-color: #D6E9FE;
}

.username {
    margin-top: 30px;
}

.comment {
    margin: 10px;
    overflow: hidden;
    /* This is important */
}